<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>条件渲染</title>
    </head>
    <body>
        <div id="app">
            <h1 v-if="awesome">Vue is awesome!</h1>
            <h1 v-else>Oh no 😢</h1>
        </div>

        <script type="module">
            import Vue from '../vue.esm.browser.js'
        
            const app = new Vue({
                el: '#app',
                data: {
                    awesome: true
                }
            })
        </script>
    </body>
</html>